<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/style.css">
<script src="./js/flexible.min.js"></script>

<body>



          <div class="web_container">

               <div class="web_headerBlock">

                   <div class="logo">
                        <a href=""></a>
                   </div>

                   <div class="lie"></div>

                   <div class="nav">
                         <div class="lis"><a href="">White Paper</a></div>
                         <div class="lis"><a href="">Contact</a></div>
                         <div class="lis"><a href="">Discord</a></div>
                         <div class="lis"><a href="">Telegram</a></div>
                   </div>

                   <div class="mesk"></div>

               </div>

              <div class="web_searchBlock">
                  <div class="web_searchBlock_bar">
                      <div class="left"><input type="text"  placeholder="Enter Your Erc20 Wallet Address" /></div>
                      <div class="right"><div class="button">Submit</div></div>
                  </div>
              </div>


              <div class="web_popleNumberBlock">
                    <div class="lis">保存成功，分享您的地址获得更多奖励: http://smartx.one/water/123</div>
                   <div class="lis">
                       <span class="cx"><a href="">查询奖励记录</a></span>
                   </div>
              </div>


              <div class="web_contentBlock">

                  <div class="content">
                      <div class="lis_line-height">
                          <div>当前共有<i class="red">529496</i>人参与活动</div>
                          <div>您今日累积点击量: <i class="red">8464946</i></div>
                      </div>

                  </div>

              </div>


              <div class="web_footer">2019 SmartX.inc</div>


          </div>


</body>
</html>
<script src="./js/jquery-1.11.3.min.js"></script>
<script>

    $(window).resize(function () {
        if(document.body.clientWidth > 1000){
            $('.nav').show();
        }else{
            $('.nav').hide();
            $('.mesk').hide();
        }
    })

    if(document.body.clientWidth > 1000){
        $('.nav').show();
    }else{
        $('.nav').hide();
        $('.mesk').hide();
    }

    $('body').on('click','.lie',function () {
        $('.nav').show();
        $('.mesk').show();
        $('body').css({'overflow-y': 'hidden'});
    })

    $('body').on('click','.mesk',function () {
        $('.nav').hide();
        $('.mesk').hide();
        $('body').css({'overflow-y': ''});
    })

</script>
